<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8" />
		<title>Bootstrap 实例</title>
		<link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
		<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
	</head>

	<body>

		<h1>我是标题1 h1</h1>
		<h2>我是标题2 h2</h2>
		<h3>我是标题3 h3</h3>
		<h4>我是标题4 h4</h4>
		<h5>我是标题5 h5</h5>
		<h6>我是标题6 h6</h6>
		<h1>我是标题1 h1. <small>我是副标题1 h1</small></h1>
		<h2>我是标题2 h2. <small>我是副标题2 h2</small></h2>
		<h3>我是标题3 h3. <small>我是副标题3 h3</small></h3>
		<h4>我是标题4 h4. <small>我是副标题4 h4</small></h4>
		<h5>我是标题5 h5. <small>我是副标题5 h5</small></h5>
		<h6>我是标题6 h6. <small>我是副标题6 h6</small></h6>
		<br />
		<br />

		<h2>引导主体副本</h2>
		<p class="lead">这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的实例。</p>
		<br />
		<br />

		<small>本行内容是在标签内</small>
		<br>
		<strong>本行内容是在标签内</strong>
		<br>
		<em>本行内容是在 <em> 标签内，并呈现为斜体</em>
		<br>
		<p class="text-left">向左对齐文本</p>
		<p class="text-center">居中对齐文本</p>
		<p class="text-right">向右对齐文本</p>
		<p class="text-muted">本行内容是减弱的</p>
		<p class="text-primary">本行内容带有一个 primary class</p>
		<p class="text-success">本行内容带有一个 success class</p>
		<p class="text-info">本行内容带有一个 info class</p>
		<p class="text-warning">本行内容带有一个 warning class</p>
		<p class="text-danger">本行内容带有一个 danger class</p>
		<br />
		<br />

		<abbr title="World Wide Web">WWW</abbr>
		<br>
		<abbr title="Real Simple Syndication" class="initialism">RSS</abbr>
		<br />
		<br />

		<address>
			<strong>Some Company, Inc.</strong>
			<br /> 007 street
			<br /> Some City, State XXXXX
			<br />
			<abbr title="Phone">P:</abbr> (123) 456-7890
		</address>
		<address>
			<strong>Full Name</strong>
			<br />
			<a href="mailto:#">mailto@somedomain.com</a>
		</address>
		<br />
		<br />

		<blockquote>
			<p>
				这是一个默认的引用实例。这是一个默认的引用实例。这是一个默认的引用实例。这是一个默认的引用实例。这是一个默认的引用实例。这是一个默认的引用实例。这是一个默认的引用实例。这是一个默认的引用实例。</p>
		</blockquote>
		<blockquote>这是一个带有源标题的引用。<small>Someone famous in <cite title="Source Title">Source Title</cite></small></blockquote>
		<blockquote class="pull-right">这是一个向右对齐的引用。<small>Someone famous in <cite title="Source Title">Source Title</cite></small></blockquote>
		<br />
		<br />

		<h4>有序列表</h4>
		<ol>
			<li>Item 1</li>
			<li>Item 2</li>
			<li>Item 3</li>
			<li>Item 4</li>
		</ol>
		<h4>无序列表</h4>
		<ul>
			<li>Item 1</li>
			<li>Item 2</li>
			<li>Item 3</li>
			<li>Item 4</li>
		</ul>
		<h4>未定义样式列表</h4>
		<ul class="list-unstyled">
			<li>Item 1</li>
			<li>Item 2</li>
			<li>Item 3</li>
			<li>Item 4</li>
		</ul>
		<h4>内联列表</h4>
		<ul class="list-inline">
			<li>Item 1</li>
			<li>Item 2</li>
			<li>Item 3</li>
			<li>Item 4</li>
		</ul>
		<h4>定义列表</h4>
		<dl>
			<dt>Description 1</dt>
			<dd>Item 1</dd>
			<dt>Description 2</dt>
			<dd>Item 2</dd>
		</dl>
		<h4>水平的定义列表</h4>
		<dl class="dl-horizontal">
			<dt>Description 1</dt>
			<dd>Item 1</dd>
			<dt>Description 2</dt>
			<dd>Item 2</dd>
		</dl>
	</body>

</html>